<template>
    <footer>
        <router-link to="/home" active-class="active">
            <span class="home"></span>
            <span >首页</span>
        </router-link>
        <router-link to="/classify" active-class="active">
         <span class="classify"></span>
            <span>分类</span>
        </router-link>
        <router-link to="/cart" active-class="active">
         <span class="cart"></span>
            <span >购物车</span>
             <span class="cartnum" v-show="totalMount != 0">{{totalMount}}</span>
        </router-link>
        <router-link to="/usercenter" active-class="active">
        <span class="usercenter"></span>
            <span>用户中心</span> 
        </router-link>
    </footer>
</template> 
<script>
import {mapState} from 'vuex'
export default {
    name:'MuFoot',
    computed:{
        ...mapState(['totalMount'])
    }
}
</script>
<style lang="scss" scoped>
@import '../assets/css/footernav.scss';

</style>